<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>加入我们</title>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="dist/styles/main.min.css">
</head>

<body>
    <!-- top -->
    <iframe class="index-iframe" src="top.html" width="100%" height="30px" frameborder="0" scrolling="no"></iframe>
    <!-- nav -->
    <div class="index-nav">
        <div class="index-nav-cont">
            <img class="index-logo" src="img/logo.png" alt="logo" onclick="self.location='index.html'">

            <div class="index-nav-frame clearfix">
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='index.html'">
                    首页
                </div>

                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='pdx.html'">
                    PDX
                </div>
                <div class="index-nav-frame-line" tabindex="-1">
                    <div class="index-nav-frame-line-title">用户服务方案<i class="iconfont icon-up updown"></i></div>
                    <div class="index-nav-frame-line-center">
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan1.html">肿瘤患者服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan2.html">科研机构服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan3.html">药物研发企业服务方案</a>
                        </div>
                    </div>
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='information.html'">
                    学术资讯
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='about.html'">
                    关于我们
                </div>
                <!-- <div class="index-nav-frame-line active" tabindex="-1" onclick="self.location='join.html'">
                    加入我们
                </div> -->
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="index-banner">
        <img src="img/join-banner.png" width="100%">
    </div>
    <!-- 公司介绍 -->
    <div class="min-width about-comp-info">
        <!-- left nav -->
        <div class="profile_right">
            <ul class="comp-intr-ul">
                <li class="comp-intr-ul-items on"><a class="a-anchors" href="#work1">岗位名称1</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#work2">岗位名称1</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#work3">岗位名称1</a></li>
            </ul>
        </div>
        <!-- cont -->
        <div class="about-comp-cont">
            <!-- 岗位名称1 -->
            <div class="about-comp-jieshao border-bottom" id="work1">
                <p class="about-comp-cont-title noBeAf a-anchors">岗位名称</p>
                <p class="line blue"></p>
                <div class="join-work-duty-cont">
                    <p class="join-work-duty">岗位职责：</p>
                    <p class="join-work-duty-text">1、具备严谨的科学作风和良好的职业道德，经过相关专业技术培训。</p>
                    <p class="join-work-duty-text">2、根据工作岗位的需要着装，遵守健康检查制度，确保供试品、对照品和实验系统不受污染。</p>
                    <p class="join-work-duty-text">3、能够熟练掌握啮齿类动物和非啮齿类动物的麻醉方法，各种体液的收集（血液、尿液、脑脊液等），各种给药途径（口服、静脉、皮下等），各种动物指标的检测（体重、心电图、血糖、体温、血压等）。</p>
                </div>
                <div class="join-work-duty-cont">
                    <p class="join-work-duty">任职条件：</p>
                    <p class="join-work-duty-text">1、2年以上工作经验。</p>
                    <p class="join-work-duty-text">2、具有北京市实验动物人员上岗证。</p>
                    <p class="join-work-duty-text">3、身体健康，未患有慢性病及传染病。</p>
                    <p class="join-interesting">如果对我们有兴趣可发简历至邮箱，期待您的加入</p>
                    <p class="join-call-methord">
                        <span><i class="iconfont icon-phone rotate90"></i> 010-67779532</span>
                        <span><i class="iconfont icon-location"></i> 北京市朝阳区潘家园南里5号</span>
                        <span><i class="iconfont icon-mail"></i> weirongfei@cnilas.org</span>
                    </p>
                </div>
            </div>
            <!-- 岗位名称1 -->
            <div class="about-comp-jieshao border-bottom" id="work2">
                <p class="about-comp-cont-title noBeAf a-anchors">岗位名称</p>
                <p class="line blue"></p>
                <div class="join-work-duty-cont">
                    <p class="join-work-duty">岗位职责：</p>
                    <p class="join-work-duty-text">1、具备严谨的科学作风和良好的职业道德，经过相关专业技术培训。</p>
                    <p class="join-work-duty-text">2、根据工作岗位的需要着装，遵守健康检查制度，确保供试品、对照品和实验系统不受污染。</p>
                    <p class="join-work-duty-text">3、能够熟练掌握啮齿类动物和非啮齿类动物的麻醉方法，各种体液的收集（血液、尿液、脑脊液等），各种给药途径（口服、静脉、皮下等），各种动物指标的检测（体重、心电图、血糖、体温、血压等）。</p>
                </div>
                <div class="join-work-duty-cont">
                    <p class="join-work-duty">任职条件：</p>
                    <p class="join-work-duty-text">1、2年以上工作经验。</p>
                    <p class="join-work-duty-text">2、具有北京市实验动物人员上岗证。</p>
                    <p class="join-work-duty-text">3、身体健康，未患有慢性病及传染病。</p>
                    <p class="join-interesting">如果对我们有兴趣可发简历至邮箱，期待您的加入</p>
                    <p class="join-call-methord">
                        <span><i class="iconfont icon-phone rotate90"></i> 010-67779532</span>
                        <span><i class="iconfont icon-location"></i> 北京市朝阳区潘家园南里5号</span>
                        <span><i class="iconfont icon-mail"></i> weirongfei@cnilas.org</span>
                    </p>
                </div>
            </div>
            <!-- 岗位名称1 -->
            <div class="about-comp-jieshao border-bottom" id="work3">
                <p class="about-comp-cont-title noBeAf a-anchors">岗位名称</p>
                <p class="line blue"></p>
                <div class="join-work-duty-cont">
                    <p class="join-work-duty">岗位职责：</p>
                    <p class="join-work-duty-text">1、具备严谨的科学作风和良好的职业道德，经过相关专业技术培训。</p>
                    <p class="join-work-duty-text">2、根据工作岗位的需要着装，遵守健康检查制度，确保供试品、对照品和实验系统不受污染。</p>
                    <p class="join-work-duty-text">3、能够熟练掌握啮齿类动物和非啮齿类动物的麻醉方法，各种体液的收集（血液、尿液、脑脊液等），各种给药途径（口服、静脉、皮下等），各种动物指标的检测（体重、心电图、血糖、体温、血压等）。</p>
                </div>
                <div class="join-work-duty-cont">
                    <p class="join-work-duty">任职条件：</p>
                    <p class="join-work-duty-text">1、2年以上工作经验。</p>
                    <p class="join-work-duty-text">2、具有北京市实验动物人员上岗证。</p>
                    <p class="join-work-duty-text">3、身体健康，未患有慢性病及传染病。</p>
                    <p class="join-interesting">如果对我们有兴趣可发简历至邮箱，期待您的加入</p>
                    <p class="join-call-methord">
                        <span><i class="iconfont icon-phone rotate90"></i> 010-67779532</span>
                        <span><i class="iconfont icon-location"></i> 北京市朝阳区潘家园南里5号</span>
                        <span><i class="iconfont icon-mail"></i> weirongfei@cnilas.org</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <iframe class="index-iframe" id="footer" src="foot.html" frameborder="0" scrolling="no" width="100%" height="260px"></iframe>
    <!-- 浮动面板 -->
    <div class="quick-right">
        <div class="quick-right-cont">
            <ul class="quick-right-ul">
                <li class="quick-right-items" id="erweima"><i class="iconfont icon-erweima"></i></li>
                <li class="quick-right-items" id="quickTel"><i class="iconfont icon-phone"></i></li>
                <li class="quick-right-items" id="quickEmail" onclick="self.location='service.html?id=3'"><i class="iconfont icon-mail"></i></li>
                <li class="quick-right-items" id="top"><i class="iconfont icon-xiangshangshouqi-xianxingyuankuang"></i></li>
            </ul>
            <div class="quick-right-img">
                <p class="quick-right-img-ms">扫码关注微信公众号</p>
                <img src="img/erweima.png" width="100%">
            </div>
            <div class="quick-right-tel">
                <p>联系电话</p>
                <p>010-67779532</p>
            </div>
        </div>
    </div>
</body>
<script src="dist/js/main.min.js"></script>
<script src="config/api.js"></script>
<script>
    $('.about-comp-info').profile();
    // scroll
    let leftNavScrollTop = $(".comp-intr-ul").offset().top;
    // let jieshao = $("#jieshao").offset().top;
    // let jiazhi = $("#jiazhi").offset().top;
    // let zhuanjia = $("#zhuanjia").offset().top;
    // let rongyu = $("#rongyu").offset().top;
    // let hezuo = $("#hezuo").offset().top;
    // let call = $("#call").offset().top;
    $(window).scroll(function () {
        let windowScrollTop = $(window).scrollTop();
        if (windowScrollTop > leftNavScrollTop) {
            $(".comp-intr-ul").addClass("on");
        } else {
            $(".comp-intr-ul").removeClass("on")
        }
        console.log(windowScrollTop);
    })
    $(".comp-intr-ul-items").click(function () {
        $(this).addClass("on").siblings().removeClass("on");
    })
</script>

</html>